<template>
  <div class="me-navbar">
    <div class="left" v-if="$slots.left">
      <slot name="left"></slot>
    </div>
    <div class="center">
      <slot name="center"></slot>
    </div>
    <div class="right" v-if="$slots.right">
      <slot name="right"></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: 'meNavbar'
}
</script>
<style lang="stylus" scoped>
@import '~@/assets/stylus/variables'
.me-navbar
  width 100%
  height $navbar-height
  display flex
  align-items center
  .left,.right
    width 40px
    display flex
    justify-content center
  .center
    flex 1
</style>
